<template>
    <van-tabbar v-model="active" fixed active-color="red" inactive-color="blue" placeholder="true">
        <van-tabbar-item icon="home-o">
            首页
        </van-tabbar-item>
        <van-tabbar-item icon="search" dot>
            搜索
        </van-tabbar-item>
        <van-tabbar-item icon="friends-o" badge="5">
            朋友
        </van-tabbar-item>
        <van-tabbar-item icon="setting-o" badge="20">
            设置
        </van-tabbar-item>
    </van-tabbar>
</template>

<script setup>
import { ref } from 'vue'
const active = ref(2)

</script>